<template>
  <div class="userWrapper">
    <div class="usl">
      <userL></userL>
    </div>
    <div class="userRight">
      <router-view></router-view>
    </div>
  </div>
</template>

<script>
import userL from './userLeft.vue';
export default {
  name: 'userMain',
  components:{
    userL
  },
  data () {
    return {
      msg: ''
    }
  },
  methods: {

  },
  mounted () {

  }
}
</script>

<style scoped>
.userWrapper{
  /* min-height: 100%; */
  display: flex;
  margin-left: auto;
  margin-right: auto;
  max-width: 1440px;
  min-height: 100%;
  width: 100%;
  padding-left: 8px;
  padding-right: 8px;
  /* border: 1px solid red; */
  margin-bottom: 100px;
}
.usl{
  width: 15%;
}
.userRight{
 width: 85%;
}
</style>
